$black: #3e3e3e;
$line: #cac8c8;
$gray: #7c7b7b;
body {
    color: $black;
    font-size: 13px;
    box-sizing: border-box;
    padding-bottom: 60px;
    background: #efeff4;
}
.right {
    line-height: 45px;
}
.tieba-theme-lists {
    border-top: 1px solid $line;
    .item {
        border-bottom: 1px solid $line;
        background: #fff;
        margin-bottom: 20px;
    }
    h2 {
        color: #eb2929;
        // margin-bottom: 6px;
        span {
            color: $black;
            float: right;
            font-size: 12px;
        }
    }
    p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-bottom: 6px;
    }
    .time {
        color: #999;
        font-size: 12px;
    }
    >div {
        span {
            font-size: 12px;
            color: #999;
        }
    }
    .bd {
        border-bottom: 1px solid $line;
        padding: 10px;
        height: 110px;
    }
    .main-info {
        width: calc(100% - 100px);
        display: inline-block;
    }
    img {
        display: inline-block;
        width: 90px;
        float: left;
        margin-right: 10px;
        border-radius: 4px;
    }
    div.ft {
        color: $gray;
        line-height: 17px;
        overflow: hidden;
        padding: 10px;
    }

    // .item {
    //     border-bottom: 1px solid $line;
    //     background: #fff;
    //     margin-bottom: 20px;
    // }
    // h2 {
    //     color: #eb2929;
    //     margin-bottom: 6px;
    //     span {
    //         color: $black;
    //         float: right;
    //         font-size: 12px;
    //     }
    // }
    // p {
    //     overflow: hidden;
    //     text-overflow: ellipsis;
    //     display: -webkit-box;
    //     -webkit-line-clamp: 3;
    //     -webkit-box-orient: vertical;
    // }
    // >div {
    //     span {
    //         font-size: 12px;
    //         color: #999;
    //     }
    // }
    // .bd {
    //     border-bottom: 1px solid $line;
    //     padding: 10px;
    // }
    // .main-info {
    //     width: calc(100% - 100px);
    //     display: inline-block;
    // }
    // img {
    //     display: inline-block;
    //     width: 90px;
    //     float: left;
    //     margin-right: 10px;
    //     border-radius: 4px;
    // }
    // div.ft {
    //     color: $gray;
    //     line-height: 17px;
    //     overflow: hidden;
    //     padding: 10px;
    // }
}
